<template>
  <div class="recommend">
      <div class="recommenditem"  v-for="(item,index) in RecommendData" :key="index">
          <a :href="item.link">
              <img :src="item.image" alt="">
              <div class="item-text">{{item.title}}</div>
          </a>
      </div>
  </div>
</template>

<script>
export default {
  name: "recommendView",
  props:{
    RecommendData:{
        type:Array,
        defalut(){
            return []
        }
    }
  }
}
</script>

<style scoped>
.recommend{
    display: flex;
    padding: 5px ;
    font-size: 12px;
}
.recommenditem {
    flex: 1;
    margin: 5px;
}
.recommenditem img{
    height:65px;
    width:65px;
    margin-top: 10px;
}
.item-text{
    text-align: center;

}
</style>